


<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Kanrisha - A Premium HTML5 Responsive Admin Template</title>
	<!--[if lt IE 9]>
		<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
		<script src="../Javascript/Flot/excanvas.js"></script>
	<![endif]-->
	<!-- The Fonts -->
	<link href="http://fonts.googleapis.com/css?family=Oswald|Droid+Sans:400,700" rel="stylesheet" />
	<!-- The Main CSS File -->
	<link rel="stylesheet" href="../CSS/style.css" />
	<!-- jQuery -->
	<script src="../Javascript/jQuery/jquery-1.7.2.min.js"></script>
	<!-- Flot -->
	<script src="../Javascript/Flot/jquery.flot.js"></script>
	<script src="../Javascript/Flot/jquery.flot.resize.js"></script>
	<script src="../Javascript/Flot/jquery.flot.pie.js"></script>
	<!-- DataTables -->
	<script src="../Javascript/DataTables/jquery.dataTables.min.js"></script>
	<!-- ColResizable -->
	<script src="../Javascript/ColResizable/colResizable-1.3.js"></script>
	<!-- jQuryUI -->
	<script src="../Javascript/jQueryUI/jquery-ui-1.8.21.min.js"></script>
	<!-- Uniform -->
	<script src="../Javascript/Uniform/jquery.uniform.js"></script>
	<!-- Tipsy -->
	<script src="../Javascript/Tipsy/jquery.tipsy.js"></script>
	<!-- Elastic -->
	<script src="../Javascript/Elastic/jquery.elastic.js"></script>
	<!-- ColorPicker -->
	<script src="../Javascript/ColorPicker/colorpicker.js"></script>
	<!-- SuperTextarea -->
	<script src="../Javascript/SuperTextarea/jquery.supertextarea.min.js"></script>
	<!-- UISpinner -->
	<script src="../Javascript/UISpinner/ui.spinner.js"></script>
	<!-- MaskedInput -->
	<script src="../Javascript/MaskedInput/jquery.maskedinput-1.3.js"></script>
	<!-- ClEditor -->
	<script src="../Javascript/ClEditor/jquery.cleditor.js"></script>
	<!-- Full Calendar -->
	<script src="../Javascript/FullCalendar/fullcalendar.js"></script>
	<!-- Color Box -->
	<script src="../Javascript/ColorBox/jquery.colorbox.js"></script>
	<!-- Kanrisha Script -->
	<script src="../Javascript/kanrisha.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>
	<!-- Change Pattern -->
	<div class="changePattern">
		<span id="pattern1"></span>
		<span id="pattern2"></span>
		<span id="pattern3"></span>
		<span id="pattern4"></span>
		<span id="pattern5"></span>
		<span id="pattern6"></span>
	</div>
	<!-- Top Panel -->
	<div class="top_panel">
		<div class="wrapper">
			<div class="user">
				<img src="../Images/user_avatar.png" alt="user_avatar" class="user_avatar" />
				<span class="label">John Alex</span>
				<!-- Top Tooltip -->
				<div class="top_tooltip">
					<div>
						<ul class="user_options">
							<li class="i_16_profile"><a href="#" title="Profile"></a></li>
							<li class="i_16_tasks"><a href="#" title="Tasks"></a></li>
							<li class="i_16_notes"><a href="#" title="Notes"></a></li>
							<li class="i_16_options"><a href="#" title="Options"></a></li>
							<li class="i_16_logout"><a href="#" title="Log-Out"></a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="top_links">
				<ul>
					<li class="i_22_search search_icon">
						<div class="top_tooltip right_direction">
							<div>
								<form class="top_search_form" />
									<input type="text" class="top_search_input" />
									<input type="submit" class="top_search_submit" value="" />
								</form>
							</div>
						</div>
					</li>
					<li class="i_22_settings">
						<a href="#" title="Settings">
							<span class="label">Settings</span>
						</a>
					</li>
					<li class="i_22_upload">
						<a href="#" title="Upload">
							<span class="label">Upload</span>
						</a>
						<!-- Drop Menu -->
						<ul class="drop_menu menu_with_icons right_direction">
							<li>
								<a class="i_16_add" href="#" title="New Flie">
									<span class="label">New File</span>
								</a>									
							</li>
							<li>
								<a class="i_16_progress" href="#" title="2 Files Left">
									<span class="label">Files Left</span>
									<span class="small_count">2</span>
								</a>
							</li>
							<li>
								<a class="i_16_files" href="#" title="Browse Files">
									<span class="label">Browse Files</span>
								</a>
							</li>
						</ul>
					</li>
					<li class="i_22_inbox top_inbox">
						<a href="#" title="Inbox">
							<span class="label lasCount">Inbox</span>
							<span class="small_count">3</span>
						</a>
					</li>
					<li class="i_22_pages">
						<a href="#" title="Pages">
							<span class="label">Pages</span>
						</a>
						<!-- Drop Menu -->
						<ul class="drop_menu menu_without_icons">
							<li>
								<a title="403 Page" href="403.html">
									<span class="label">403 Forbidden</span>
								</a>									
							</li>
							<li>
								<a href="404.html" title="404 Page">
									<span class="label">404 Not Found</span>
								</a>
							</li>
						</ul>
					</li>
				</ul>
			</div>
		</div>
	</div>

	<header class="main_header">
		<div class="wrapper">
			<div class="logo">
				<a href="#" title="Kanrisha Home">
					<img src="../Images/kanrisha_logo.png" alt="kanrisha_logo" />
				</a>
			</div>
			<nav class="top_buttons">
				<ul>
					<li class="big_button">
						<div class="out_border">
							<div class="button_wrapper">
								<div class="in_border">
									<a href="#" title="Analytics" class="the_button">
										<span class="i_32_statistic"></span>
									</a>
								</div>
							</div>
						</div>
					</li>
					<li class="big_button">
						<div class="big_count">
							<span>7</span>
						</div>
						<div class="out_border">
							<div class="button_wrapper">
								<div class="in_border">
									<a href="#" title="Support" class="the_button">
										<span class="i_32_support"></span>
									</a>
								</div>
							</div>
						</div>
					</li>
					<li class="big_button">
						<div class="out_border">
							<div class="button_wrapper">
								<div class="in_border">
									<a href="#" title="Delivery" class="the_button">
										<span class="i_32_delivery"></span>
									</a>
								</div>
							</div>
						</div>
					</li>
					<li class="big_button">
						<div class="out_border">
							<div class="button_wrapper">
								<div class="in_border">
									<a href="#" title="Earning" class="the_button">
										<span class="i_32_dollar"></span>
									</a>
								</div>
							</div>
						</div>
					</li>
				</ul>
			</nav>
		</div>
	</header>

	<div class="wrapper small_menu">
		<ul class="menu_small_buttons">
			<li><a title="General Info" class="i_22_dashboard" href="index.html"></a></li>
			<li><a title="Your Messages" class="i_22_inbox" href="inbox.html"></a></li>
			<li><a title="Visual Data" class="i_22_charts" href="charts.html"></a></li>
			<li><a title="Kit elements" class="i_22_ui" href="ui.html"></a></li>
			<li><a title="Some Rows" class="i_22_tables smActive" href="tables.html"></a></li>
			<li><a title="Some Fields" class="i_22_forms" href="forms.html"></a></li>
		</ul>
	</div>

	<div class="wrapper contents_wrapper">
		
		<aside class="sidebar">
			<ul class="tab_nav">
				<li class="i_32_dashboard">
					<a href="index.html" title="General Info">
						<span class="tab_label">Dashboard</span>
						<span class="tab_info">General Info</span>
					</a>
				</li>
				<li class="i_32_inbox">
					<a href="inbox.html" title="Your Messages">
						<span class="tab_label">Inbox</span>
						<span class="tab_info">Your Messages</span>
					</a>
				</li>
				<li class="i_32_charts">
					<a href="charts.html" title="Visual Data">
						<span class="tab_label">Charts</span>
						<span class="tab_info">Visual Data</span>
					</a>
				</li>
				<li class="i_32_ui">
					<a href="ui.html" title="Kit elements">
						<span class="tab_label">UI</span>
						<span class="tab_info">Kit elements</span>
					</a>
				</li>
				<li class="active_tab i_32_tables">
					<a href="tables.html" title="Some Rows">
						<span class="tab_label">Tables</span>
						<span class="tab_info">Some Rows</span>
					</a>
				</li>
				<li class="i_32_forms">
					<a href="forms.html" title="Some Fields">
						<span class="tab_label">Forms</span>
						<span class="tab_info">Some Fields</span>
					</a>
				</li>
			</ul>
		</aside>

		<div class="contents">
			<div class="grid_wrapper">

				<div class="g_6 contents_header">
					<h3 class="i_16_table tab_label">Goverment Office Management</h3>
					<div><span class="label">Control Managemenr of Goverment Office</span></div>
				</div>
				<div class="g_6 contents_options">
					<div class="simple_buttons">
						<div class="bwIcon i_16_help">Help</div>
					</div>
					<div class="simple_buttons">
						<div class="bwIcon i_16_settings">Select Action</div>
						<div class="buttons_arrow">
							<!-- Drop Menu -->
							<ul class="drop_menu menu_with_icons right_direction">
								<li>
									<a class="i_16_add" href="AddNewGovermentOfficeRegion.html" title="New Flie">
										<span class="label">Add New</span>
									</a>									
								</li>
								<li>
									<a class="i_16_progress" href="ListGovermentOfficeRegion.html" title="2 Files Left">
										<span class="label">View List</span>
										<span class="small_count">2</span>
									</a>
								</li>
								<li>
									<a class="i_16_files" href="#" title="Browse Files">
										<span class="label">Browse Files</span>
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="g_12 separator"><span></span></div>
				<div class="g_12">
					<div class="widget_header">
						<h4 class="widget_header_title wwIcon i_16_tooltip">Ticket Table</h4>
					</div>
					<div class="widget_contents noPadding twCheckbox">
						<div id="DataTables_Table_0_wrapper" class="dataTables_wrapper" role="grid"><div class="dtTop"><div class="dtShowPer"><div id="DataTables_Table_0_length" class="dataTables_length"><label>Show entries <div class="selector" id="uniform-undefined"><span>10</span><select size="1" name="DataTables_Table_0_length" aria-controls="DataTables_Table_0" style="opacity: 0; "><option value="10" selected="selected">10</option><option value="25">25</option><option value="50">50</option><option value="100">100</option></select></div></label></div></div><div class="dtFilter"><div class="dataTables_filter" id="DataTables_Table_0_filter"><label>Search: <input type="text" aria-controls="DataTables_Table_0" class="simple_field" style="width: auto; margin-left: 15px; "></label></div></div></div><div class="dtTables"><table class="tables datatable noObOLine dataTable" id="DataTables_Table_0" aria-describedby="DataTables_Table_0_info">
							<thead>
								<tr role="row"><th class="sorting_asc" role="columnheader" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 19px; " aria-sort="ascending" aria-label="
										
									: activate to sort column descending">
										<div class="checker" id="uniform-undefined"><span><input type="checkbox" class="simple_form tMainC" style="opacity: 0; "></span></div>
									</th><th class="sorting" role="columnheader" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 91px; " aria-label="ID: activate to sort column ascending">ID</th><th class="sorting" role="columnheader" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 398px; " aria-label="Title: activate to sort column ascending">Title</th><th class="sorting" role="columnheader" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 87px; " aria-label="Priority: activate to sort column ascending">Priority</th><th class="sorting" role="columnheader" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 77px; " aria-label="Status: activate to sort column ascending">Status</th></tr>
							</thead>
							
						<tbody role="alert" aria-live="polite" aria-relevant="all"><tr class="status_open odd">
									<td class="  sorting_1"><div class="checker" id="uniform-undefined"><span><input type="checkbox" class="simple_form" style="opacity: 0; "></span></div></td>
									<td class=" ">#238749</td>
									<td class=" ">I Can't Remember My Password</td>
									<td class=" ">High</td>
									<td class=" ">Open</td>
								</tr><tr class="status_open even">
									<td class="  sorting_1"><div class="checker" id="uniform-undefined"><span><input type="checkbox" class="simple_form" style="opacity: 0; "></span></div></td>
									<td class=" ">#238750</td>
									<td class=" ">My Account Was Hacked</td>
									<td class=" ">Low</td>
									<td class=" ">Open</td>
								</tr><tr class="status_open odd">
									<td class="  sorting_1"><div class="checker" id="uniform-undefined"><span><input type="checkbox" class="simple_form" style="opacity: 0; "></span></div></td>
									<td class=" ">#238751</td>
									<td class=" ">Can I Change My UserName</td>
									<td class=" ">Medium</td>
									<td class=" ">Open</td>
								</tr><tr class="status_closed even">
									<td class="  sorting_1"><div class="checker" id="uniform-undefined"><span><input type="checkbox" class="simple_form" style="opacity: 0; "></span></div></td>
									<td class=" ">#238752</td>
									<td class=" ">I Want To Delete My Account Permanently</td>
									<td class=" ">Low</td>
									<td class=" ">Closed</td>
								</tr><tr class="status_closed odd">
									<td class="  sorting_1"><div class="checker" id="uniform-undefined"><span><input type="checkbox" class="simple_form" style="opacity: 0; "></span></div></td>
									<td class=" ">#238753</td>
									<td class=" ">Is It Possible To Create Two Account</td>
									<td class=" ">Medium</td>
									<td class=" ">Closed</td>
								</tr><tr class="status_closed even">
									<td class="  sorting_1"><div class="checker" id="uniform-undefined"><span><input type="checkbox" class="simple_form" style="opacity: 0; "></span></div></td>
									<td class=" ">#238754</td>
									<td class=" ">There Is A Bug On Your Website</td>
									<td class=" ">High</td>
									<td class=" ">Closed</td>
								</tr><tr class="status_closed odd">
									<td class="  sorting_1"><div class="checker" id="uniform-undefined"><span><input type="checkbox" class="simple_form" style="opacity: 0; "></span></div></td>
									<td class=" ">#238755</td>
									<td class=" ">I Can't Found The RSS</td>
									<td class=" ">Low</td>
									<td class=" ">Closed</td>
								</tr><tr class="status_closed even">
									<td class="  sorting_1"><div class="checker" id="uniform-undefined"><span><input type="checkbox" class="simple_form" style="opacity: 0; "></span></div></td>
									<td class=" ">#238756</td>
									<td class=" ">What's The Price Of The Pro Account</td>
									<td class=" ">High</td>
									<td class=" ">Closed</td>
								</tr><tr class="status_closed odd">
									<td class="  sorting_1"><div class="checker" id="uniform-undefined"><span><input type="checkbox" class="simple_form" style="opacity: 0; "></span></div></td>
									<td class=" ">#238757</td>
									<td class=" ">Can I Upload More Than 30Mb</td>
									<td class=" ">Medium</td>
									<td class=" ">Closed</td>
								</tr><tr class="status_closed even">
									<td class="  sorting_1"><div class="checker" id="uniform-undefined"><span><input type="checkbox" class="simple_form" style="opacity: 0; "></span></div></td>
									<td class=" ">#238758</td>
									<td class=" ">The Server Is Slow</td>
									<td class=" ">High</td>
									<td class=" ">Closed</td>
								</tr></tbody></table></div><div class="dtBottom"><div class="dtInfo"><div class="dataTables_info" id="DataTables_Table_0_info">Showing 1 to 10 of 10 entries</div></div><div class="dtPagination"><div class="dataTables_paginate paging_full_numbers" id="DataTables_Table_0_paginate"><a tabindex="0" class="first paginate_button paginate_button_disabled" id="DataTables_Table_0_first">First</a><a tabindex="0" class="previous paginate_button paginate_button_disabled" id="DataTables_Table_0_previous">Previous</a><span><a tabindex="0" class="paginate_active">1</a></span><a tabindex="0" class="next paginate_button paginate_button_disabled" id="DataTables_Table_0_next">Next</a><a tabindex="0" class="last paginate_button paginate_button_disabled" id="DataTables_Table_0_last">Last</a></div></div></div></div>
					</div>
				</div>
				<!-- Separator -->
				<div class="g_12 separator"><span></span></div>
			</div>		
		</div>
	</div>

	<footer>
		<div class="wrapper">
			<span class="copyright">
				COPYRIGHT © 2012 Mahieddine Abd-kader
			</span>
		</div>
	</footer>
</body>
</html>